body {
  background-color: #fff;
}
body .index {
  width: 10rem;
  margin: auto;
}
body .index .header {
  width: 10rem;
  background-image: linear-gradient(180deg, #f24c59 0%, #f28c4c 100%);
}
body .index .header .inp-top {
  display: flex;
  width: 10rem;
}
body .index .header .inp-top .inp {
  width: 7.9467rem;
  height: 0.8533rem;
  margin: 1.0267rem 0 0 0.4267rem;
  background-color: #ffffff;
  border-radius: 2.48rem;
}
body .index .header .inp-top .inp input {
  display: block;
  width: 7.9467rem;
  height: 0.8533rem;
  border-radius: 2.48rem;
  outline: none;
  border: none;
  text-indent: 1.24rem;
  font-size: 0.3733rem;
}
body .index .header .inp-top .inp img {
  display: block;
  position: relative;
  top: -0.64rem;
  left: 0.64rem;
  width: 0.3733rem;
  height: 0.3733rem;
}
body .index .header .inp-top .xiaoxi {
  height: 0.8533rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 1.12rem 0 0 0.4267rem;
}
body .index .header .inp-top .xiaoxi span {
  height: 0.4267rem;
  font-size: 0.2133rem;
  display: block;
  color: #fff;
  text-align: center;
  transform: scale(0.8);
  text-align: left;
}
body .index .header .inp-top .xiaoxi b {
  display: block;
  position: relative;
  top: -0.9rem;
  right: -0.2rem;
  width: 0.48rem;
  height: 1.5rem;
  color: #fff;
  font-size: 0.1733rem;
  transform: scale(0.9);
  font-weight: normal;
  text-align: center;
  background-color: #f49641;
  border-radius: 0.32rem;
}
body .index .header .inp-top .xiaoxi img {
  width: 0.4267rem;
  height: 0.4267rem;
}
body .index .header .nav {
  margin: 0.3467rem 0 0 0;
  width: 10rem;
  height: 0.5867rem;
  overflow-x: scroll;
}
body .index .header .nav::-webkit-scrollbar {
  display: none;
  /*隐藏滚动条*/
}
body .index .header .nav ul {
  width: 20rem;
  height: 0.5867rem;
  display: flex;
}
body .index .header .nav ul li {
  width: 1.6rem;
  height: 0.5867rem;
  line-height: 0.6rem;
  margin: 0 0.2667rem 0 0.2667rem;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 0.3333rem;
  text-align: center;
}
body .index .header .nav ul li a {
  color: #fff;
}
body .index .header .nav ul li:nth-child(1)::after {
  position: relative;
  top: -0.0667rem;
  left: 0;
  content: '';
  width: 35%;
  height: 0.0133rem;
  display: block;
  margin: 0 auto;
  border-bottom: 0.0267rem solid #ffffff;
}
body .index .header .banner {
  width: 9.1733rem;
  height: 3.3067rem;
  margin: 0.2667rem auto;
  background-color: #fff;
  border-radius: 0.2667rem;
}
body .index .header .banner img {
  display: block;
  width: 9.1733rem;
  height: 3.3067rem;
}
body .index .shi-img {
  width: 9.1733rem;
  height: 3.7867rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  margin: 0.2667rem auto 0;
  background-color: #ffffff;
  border-radius: 0.2667rem;
  box-shadow: 0px 0px 0.2667rem rgba(114, 114, 114, 0.16);
}
body .index .shi-img li {
  width: 1.28rem;
  height: 1.5333rem;
  margin: 0 0.2667rem;
  display: flex;
  flex-wrap: wrap;
}
body .index .shi-img li .img {
  width: 1.28rem;
  height: 1.2533rem;
}
body .index .shi-img li .img img {
  display: block;
  width: 1.28rem;
  height: 1.2533rem;
}
body .index .shi-img li span {
  margin: -0.3333rem 0 0 0;
  height: 0.2667rem;
  width: 1.28rem;
  display: block;
  font-size: 0.32rem;
  text-align: center;
}
body .index .xinren {
  width: 9.1733rem;
  height: 4.8rem;
  display: flex;
  margin: 0.2667rem auto 0.2667rem;
  background-color: #ffffff;
  border-radius: 0.2667rem;
  box-shadow: 0px 0px 0.16rem rgba(82, 82, 82, 0.16);
}
body .index .xinren .left {
  position: relative;
  width: 4.2667rem;
  height: 4.3467rem;
  margin: 0.24rem 0.2133rem 0 0.2133rem;
  border-radius: 0.16rem;
  background-color: red;
}
body .index .xinren .left .img {
  width: 4.2667rem;
  height: 4.3467rem;
}
body .index .xinren .left .img img {
  width: 4.2667rem;
  height: 4.3467rem;
  display: block;
}
body .index .xinren .left .left-p1 {
  position: absolute;
  top: 0.2133rem;
  left: 0.4533rem;
  height: 0.56rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #ffffff;
  font-size: 0.4rem;
}
body .index .xinren .left .left-p2 {
  position: absolute;
  top: 0.7733rem;
  left: 0.7467rem;
  height: 0.3733rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #eae8f2;
  font-size: 0.2667rem;
}
body .index .xinren .right {
  margin: 0.24rem 0.2133rem 0 0;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: 4.2667rem;
  height: 4.3467rem;
  border-radius: 0.16rem;
  background-color: pink;
}
body .index .xinren .right .top {
  position: relative;
  width: 4.2667rem;
  height: 2.1333rem;
  background-color: red;
  border-radius: 0.16rem;
}
body .index .xinren .right .top .img {
  width: 4.2667rem;
  height: 2.1333rem;
}
body .index .xinren .right .top .img img {
  display: block;
  width: 4.2667rem;
  height: 2.1333rem;
}
body .index .xinren .right .top .top-p1 {
  position: absolute;
  top: 0.2133rem;
  left: 0.2rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #ffffff;
  font-size: 0.4rem;
}
body .index .xinren .right .top .top-p2 {
  position: absolute;
  top: 0.7467rem;
  left: 0.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  font-size: 0.2667rem;
}
body .index .xinren .right .top .top-p3 {
  position: absolute;
  top: 1.36rem;
  left: 0.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  font-size: 0.2667rem;
}
body .index .xinren .right .bottom {
  width: 320px;
  height: 156px;
  border-radius: 12px;
}
body .index .xinren .right .bottom .top-p1 {
  position: absolute;
  top: 0.2133rem;
  left: 0.2rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #3557ca;
  font-size: 0.4rem;
}
body .index .xinren .right .bottom .top-p2 {
  position: absolute;
  top: 0.7467rem;
  left: 0.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3557ca;
  font-size: 0.2667rem;
}
body .index .xinren .right .bottom .top-p3 {
  position: absolute;
  top: 1.36rem;
  left: 0.2rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3557ca;
  font-size: 0.2667rem;
}
body .index .miaosha {
  margin: 0 auto 0.2667rem;
  width: 9.1733rem;
  height: 3.7333rem;
  background-color: #ffffff;
  border-radius: 0.2667rem;
  box-shadow: 0px 0px 0.16rem rgba(111, 111, 111, 0.16);
}
body .index .miaosha .xian-top {
  overflow: hidden;
  width: 9.1733rem;
  display: flex;
  justify-content: space-between;
  background-image: linear-gradient(180deg, #f24c5a50 0%, rgba(242, 140, 76, 0) 100%);
  border-radius: 0.2667rem 0.2667rem 0rem 0px;
  box-shadow: 0px 0px 0.16rem rgba(196, 196, 196, 0.075);
  border-bottom: 0;
}
body .index .miaosha .xian-top .top-sp1 {
  display: block;
  margin: 0.3467rem 0 0 0.4267rem;
  width: 1.7067rem;
  height: 0.5867rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #202020;
  font-size: 0.4267rem;
}
body .index .miaosha .xian-top .top-sp2 {
  margin: 0.3467rem 0 0 0px;
  display: block;
  display: flex;
  width: 2.6667rem;
  height: 0.4rem;
}
body .index .miaosha .xian-top .top-sp2 span {
  display: block;
  margin: 0.0133rem 0.0667rem;
  width: 0.64rem;
  height: 0.3733rem;
}
body .index .miaosha .xian-top .top-sp2 span img {
  display: block;
  width: 0.64rem;
  height: 0.3733rem;
}
body .index .miaosha .xian-top .top-sp2 .shi {
  font-size: 0.24rem;
  height: 0.4rem;
  line-height: 0.4rem;
  display: flex;
}
body .index .miaosha .xian-top .top-sp2 .shi span {
  display: block;
  width: 0.4rem;
  height: 0.3733rem;
  color: #fff;
  font-size: 0.24rem;
  text-align: center;
  background-color: #000000;
  border-radius: 0.0533rem;
  opacity: 1;
}
body .index .miaosha .xian-zhong {
  margin: 0 0 0 0.4533rem;
  height: 0.4267rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #b0b8c2;
  font-size: 0.2933rem;
}
body .index .miaosha .xian-bottom {
  width: 7.6rem;
  height: 2.08rem;
  margin: auto;
}
body .index .miaosha .xian-bottom ul {
  display: flex;
  justify-content: space-between;
}
body .index .miaosha .xian-bottom ul li {
  width: 1.6rem;
  height: 2.08rem;
  display: flex;
  flex-wrap: wrap;
}
body .index .miaosha .xian-bottom ul li img {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
}
body .index .miaosha .xian-bottom ul li span {
  margin: 0 0 0 -0.0933rem;
  width: 1.6rem;
  text-align: center;
  display: block;
  height: 0.4267rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #ff6200;
  font-size: 0.2933rem;
}
body .index .meishi {
  width: 9.1733rem;
  height: 2.6133rem;
  margin: 0 auto 0.2933rem;
  border-radius: 0.2667rem;
  background-color: #fff;
  box-shadow: 0px 0.08rem 0.16rem rgba(0, 0, 0, 0.16);
}
body .index .meishi img {
  display: block;
  width: 9.1733rem;
  height: 2.6133rem;
}
body .index .zhousi {
  width: 9.1733rem;
  height: 3.68rem;
  margin: auto;
  display: flex;
  justify-content: space-around;
  border-radius: 0.2133rem 0.2133rem 0px 0px;
  background-color: #fff;
}
body .index .zhousi .zhousi-left {
  position: relative;
  width: 4.6667rem;
  height: 3.68rem;
  border-radius: 0.2133rem 0px 0px 0px;
}
body .index .zhousi .zhousi-left .img {
  width: 4.6667rem;
  height: 3.68rem;
}
body .index .zhousi .zhousi-left .img img {
  display: block;
  width: 4.6667rem;
  height: 3.68rem;
}
body .index .zhousi .zhousi-left span {
  position: absolute;
  top: 0.3467rem;
  left: 0.48rem;
  display: block;
  width: 2.1333rem;
  height: 0.5867rem;
  text-shadow: 0px 0px 0.0533rem rgba(77, 33, 0, 0.16);
  font-family: PingFang SC;
  font-weight: 600;
  color: #000000;
  font-size: 0.4267rem;
}
body .index .zhousi .zhousi-left span:nth-child(2) {
  display: block;
  position: absolute;
  top: 1.0133rem;
  left: 0.48rem;
  height: 0.4533rem;
  line-height: 0.4533rem;
  font-size: 0.2667rem;
  color: #fff;
  text-align: center;
  font-weight: normal;
  background-color: #ffa500;
  border-radius: 0.3733rem;
}
body .index .zhousi .zhousi-right {
  position: relative;
  width: 4.6667rem;
  height: 3.68rem;
  border-radius: 0px 0.2133rem 0px 0px;
}
body .index .zhousi .zhousi-right .img {
  width: 4.6667rem;
  height: 3.68rem;
}
body .index .zhousi .zhousi-right .img img {
  display: block;
  width: 4.6667rem;
  height: 3.68rem;
}
body .index .zhousi .zhousi-right span {
  position: absolute;
  top: 0.3467rem;
  left: 0.48rem;
  display: block;
  width: 2.1333rem;
  height: 0.5867rem;
  text-shadow: 0px 0px 0.0533rem rgba(77, 33, 0, 0.16);
  font-family: PingFang SC;
  font-weight: 600;
  color: #000000;
  font-size: 0.4267rem;
}
body .index .zhousi .zhousi-right span:nth-child(2) {
  display: block;
  position: absolute;
  top: 1.0133rem;
  left: 0.48rem;
  height: 0.4533rem;
  line-height: 0.4533rem;
  font-size: 0.2667rem;
  color: #fff;
  text-align: center;
  font-weight: normal;
  background-color: #a51919;
  border-radius: 0.3733rem;
}
body .index .bang {
  width: 9.1733rem;
  height: 3.2rem;
  overflow: hidden;
  margin: 0 auto 0.32rem;
}
body .index .bang ul {
  display: flex;
  justify-content: space-between;
}
body .index .bang ul li {
  width: 2.1333rem;
  height: 3.2rem;
  background-color: #fff;
}
body .index .bang ul li .bang-sp1 {
  display: block;
  margin: 0.2667rem 0 0 0.3733rem;
  width: 0.8533rem;
  height: 0.5867rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #262626;
  font-size: 0.4267rem;
}
body .index .bang ul li .bang-div1 {
  display: block;
  margin: 0.2rem 0 0 0.3733rem;
  padding: 0 0.0667rem;
  height: 0.4533rem;
  line-height: 0.4533rem;
  text-align: center;
  font-size: 0.2933rem;
  color: #f49641;
  border: 0.0133rem solid;
  border-color: #f49641;
  border-radius: 0.0533rem;
}
body .index .bang ul li .img {
  width: 2.0133rem;
  height: 2.0133rem;
  margin: 0.4667rem 0 0 0.8rem;
}
body .index .bang ul li .img img {
  width: 1.3333rem;
  height: 1.3333rem;
  display: block;
}
body .index .bang ul li:nth-child(1) {
  border-radius: 0 0 0 0.2667rem;
}
body .index .bang ul li:nth-child(4) {
  border-radius: 0 0 0.2667rem 0;
}
body .index .shangpin {
  width: 9.1733rem;
  margin: auto;
  border-radius: 0.2667rem;
  box-shadow: 0px 0px 0.16rem rgba(139, 139, 139, 0.3);
}
body .index .shangpin ul {
  width: 9.1733rem;
  margin: auto;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
}
body .index .shangpin ul .li-left {
  width: 4.48rem;
}
body .index .shangpin ul .li-left .li1 {
  margin: 0 0 0.2133rem 0;
  display: block;
  width: 4.48rem;
  height: 6.8rem;
  border-radius: 0.2667rem;
  box-shadow: 0px 0px 0.16rem rgba(139, 139, 139, 0.3);
}
body .index .shangpin ul .li-left .li1 .img0 {
  display: block;
  width: 4.48rem;
  height: 4.48rem;
  border-radius: 0.2667rem 0.2667rem 0px 0px;
}
body .index .shangpin ul .li-left .li1 .p1 {
  margin: 0.2667rem 0 0 0.2133rem;
  width: 4.1867rem;
  height: 1.0667rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3d444d;
  font-size: 0.3733rem;
}
body .index .shangpin ul .li-left .li1 .p2 {
  justify-content: space-around;
  display: flex;
  align-items: center;
}
body .index .shangpin ul .li-left .li1 .p2 span:nth-child(1) {
  font-family: PingFang SC;
  font-weight: 600;
  color: #eb5f3e;
  font-size: 0.48rem;
  margin: 0px 0 0 -0.1333rem;
}
body .index .shangpin ul .li-left .li1 .p2 span:nth-child(2) {
  display: block;
  font-family: PingFang SC;
  color: #c0c5cc;
  font-size: 0.32rem;
}
body .index .shangpin ul .li-right {
  width: 4.48rem;
}
body .index .shangpin ul .li-right .li2 {
  margin: 0 0 0.2133rem 0;
  width: 4.48rem;
  height: 7.84rem;
  border-radius: 0.2667rem;
  box-shadow: 0px 0px 0.16rem rgba(155, 155, 155, 0.3);
}
body .index .shangpin ul .li-right .li2 .img0 {
  width: 4.48rem;
  height: 4.48rem;
  border-radius: 0.2667rem 0.2667rem 0px 0px;
}
body .index .shangpin ul .li-right .li2 .p1 {
  margin: 0 0 0 0.1333rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3d444d;
}
body .index .shangpin ul .li-right .li2 .p1 span:nth-child(1) {
  width: 0.6933rem;
  height: 0.32rem;
  padding: 0 0.2rem;
  color: #fff;
  background-color: #eb5f3e;
  border-radius: 0.16rem;
  font-size: 0.2133rem;
}
body .index .shangpin ul .li-right .li2 .p1 span:nth-child(2) {
  width: 4.0267rem;
  height: 1.0667rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3d444d;
  font-size: 0.36rem;
}
body .index .shangpin ul .li-right .li2 .p2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.0533rem 0 0 0.16rem;
}
body .index .shangpin ul .li-right .li2 .p2 span:nth-child(1) {
  width: 1.2rem;
  height: 0.6667rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #eb5f3e;
  font-size: 0.48rem;
}
body .index .shangpin ul .li-right .li2 .p2 span:nth-child(2) {
  width: 1.6rem;
  height: 0.4533rem;
  font-family: PingFang SC;
  color: #c0c5cc;
  font-size: 0.32rem;
}
body .index .shangpin ul .li-right .li2 .img1 {
  margin: 0.1333rem 0 0 0.2667rem;
}
body .index .shangpin ul .li-right .li2 .img1 img {
  display: block;
  width: 1.9733rem;
  height: 0.4267rem;
}
